﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<body>
<header class="header opaque" th:replace="frontInclude :: header_menu"></header>
<div class="container Wauto">
    <div class="bnBox cateBn">
        <div class="cateBnImg" style="background-image: url(/css/assets/images/casebanner.jpeg)">

        </div>
    </div>
    <div class="main w1200">
        <div class="article w1">
            <div class="archive-top anim fadeInUp">
                <div class="archive-title">
                    <h1 itemprop="headline">团队中心</h1>
                    <span></span></div>
                <div class="archive-description">
                    <p></p>
                </div>
            </div>
            <div class="subcate anim fadeInUp" data-wow-delay=".3s">
                <div id="subcate" data-type="category" data-infoid="2">
                    <ul>

                    </ul>
                </div>
            </div>

            <div class="post list">
                <div class="PostShow">
                    <ul>
                        <li th:data-id="${item.id}" th:each="item : ${page.rows}" class="anim fadeInUp">
                            <div class="post-img loading">
                                <a class="pic float-left" href="javascript:void(0)"  th:onclick="popTeamWindow([[${item.id}]], this);"
                                   th:title="${item.articleTitle}" rel="bookmark">
                                    <div class="msk"></div>
                                    <i class="fa fa-search"></i>
                                    <img class="b-lazy" th:src="${item.articleLogo}"
                                         th:data-src="${item.articleLogo}"
                                         th:alt="${item.articleTitle}">
                                </a>
                            </div>
                            <h4>
                                <a href="javascript:void(0)" th:onclick="popTeamWindow([[${item.id}]], this);"
                                   th:title="${item.articleTitle}">
                                    <span th:text="${item.articleTitle}"></span>
                                    <i class="h2"
                                       th:if="${#strings.isEmpty(item.articleDescribe)}==false and ${#strings.length(item.articleDescribe)} >200"
                                       th:text="${#strings.substring(item.articleDescribe,0,200)+'...'}"></i>
                                    <i class="h2"
                                       th:if="${#strings.isEmpty(item.articleDescribe)}==false and ${#strings.length(item.articleDescribe)} <=200"
                                       th:text="${item.articleDescribe}"></i>
                                    <div class="pt-2">
                                        <i class="fa fa-long-arrow-right"></i>
                                    </div>
                                </a>
                            </h4>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>

        </div>
        <div class="text-center" th:replace="frontInclude :: pagination"></div>
    </div>
</div>
<div th:replace="frontInclude :: footer"></div>
<div class="article w1 team-detail">
    <div class="archive-top">
        <div class="archive-title">
            <h1 itemprop="headline" id="team-detail-title">云南滇约新能源研究院</h1>
            <span></span>
        </div>
        <header class="article-top"></header>
    </div>
    <div class="article-box">
        <article class="article-main" id="team-detail-window">
        </article>
    </div>

</div>

<script>
    function popTeamWindow(id) {
        $.ajax({
            url: '/front/teamDetail/'+id,
            type: 'get',
            async: true,
            dataType: 'json',
            success: function (data) {
                $("#team-detail-window").html(data.articleContent);
                $("#team-detail-title").text(data.articleTitle)
                $('.page-bg').fadeIn(0);
                $('.team-detail').addClass("open");
            }
        })
    }
</script>
</body>
</html>